<template>
  <div>
    <a-modal title="显示电子围栏" width="69.9%" v-model="visible" @ok="handleOk">
      <view-fence-map ref="viewMap"></view-fence-map>
    </a-modal>
  </div>
</template>

<script>
import ViewFenceMap from './ViewFenceMap.vue';
export default {
  name: "ViewFence",
  components: {
    ViewFenceMap
  },
  data() {
    return {
      visible: false,
      title: "圆形",
      map: null,
      value: '',
      center: '',
      shapeType: '',
    };
  },
  methods: {
    handleOk(){
      this.visible = false;
    },
    show(shapeType, center, value) {
      this.visible = true;
      this.$nextTick(() => {
          this.$refs.viewMap.show(shapeType, center, value);
      })
    },
  },
}
</script>

<style scoped>
</style>